<template>
  <div class="home">
    <shopInfo v-bind:tableInfo="tableInfo" />
    <productList  />
    <!-- <router-view/> -->
  </div>
</template>

<script>
// @ is an alias to /src
import shopInfo from '@/components/index/shopInfo'
import productList from '@/components/index/productList'

export default {
  name: 'Index',
  components: {
    shopInfo,
    productList
  },
  data () {
    return {
      shop: '富苑餐饮1',
      tableInfo:{}
    }
  },
  mounted(){
    this.tableInfo = this.$store.state.tableInfo
  },
  methods:{
  }
}
</script>
<style lang="scss" scoped>
  .home{
    position: relative;
    overflow: hidden;
      width: 100%;
      height: 100vh;
      background-color: #ffe16f;
  }
</style>